<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我的家</title>
		<link  rel="stylesheet" href="./css/IQ-MyHome.css"/>
		<link  rel="stylesheet" href="./css/IQ-Scene.css"/>
		<link rel="stylesheet" href="./css/IQ-MyPage.css"/>
		<script src="js/flexible.js"></script>
		<script src="./js/jquery-3.6.0.js"></script>
		<script src="./js/IQ-MyHome.js"></script>
		<style>
			.IQ-Scene-app{
				display: none;
			}

			.IQ-MyPage-app{
				display: none;
			}
		</style>
	</head>
	<body>
		<!-- 我的家 -->
		<div class="IQ-MyHome-app">
			
			<div class="IQ-MyHome-gradual">
				
			</div>
			
			<div class="IQ-MyHome-Time">
				
			</div>
			
			<div class="IQ-MyHome-Top">
				<div class="IQ-MyHome-Top-left">
					<span>Sean家</span>
					<img src="img/ic_unfold2x.png">
				</div>
				<div class="IQ-MyHome-Top-right">
					<div>
						<img src="./img/ic_message2x.png"/>
					</div>
					<div>
						<img src="./img/ic_IQ-MyHome-more2x.png"/>
					</div>
				</div>
			</div>
		
			<div class="IQ-MyHome-Navigation">
				<div class="IQ-MyHome-Navigation-left">
					<div>
						<span>常用</span>
						<span>客厅</span>
						<span>餐厅</span>
						<span>书房</span>
						<span>卧室</span>
						<span>洗手间</span>
					</div>
				</div>
				<div class="IQ-MyHome-Navigation-right">
					<img src="img/ic_IQ-MyHome-Navigation-unfold2x.png">
				</div>
			</div>
		
			<div class="IQ-MyHome-Equipment">
				<div class="IQ-MyHome-Equipment-box">
					<div class="IQ-MyHome-Equipment-box-watch">
						<img src="img/img_watch2x.png">
					</div>
					<div class="IQ-MyHome-Equipment-box-name">
						<span>石英表</span>
					</div>
					<div class="IQ-MyHome-Equipment-box-room">
						<span>洗手间</span>
					</div>
				</div>
				<div class="IQ-MyHome-Equipment-box">
					<div class="IQ-MyHome-Equipment-box-router">
						<img src="img/img_router2x.png">
					</div>
					<div class="IQ-MyHome-Equipment-box-router-name">
						<span>TP_LINK_399906_plus</span>
					</div>
					<div class="IQ-MyHome-Equipment-box-room">
						<span>洗手间</span>
					</div>
				</div>
				<div class="IQ-MyHome-Equipment-box">
					<div class="IQ-MyHome-Equipment-box-camera">
						<img src="img/img_camera2x.png">
					</div>
					<div class="IQ-MyHome-Equipment-box-camera-name">
						<span>Gina</span>
					</div>
					<div class="IQ-MyHome-Equipment-box-room-off-line-camera">
						<span>卧室</span>
						<span></span>
						<span>设备离线</span>
					</div>
				</div>
				<div class="IQ-MyHome-Equipment-box">
					<div class="IQ-MyHome-Equipment-box-robot">
						<img src="img/img_floor%20mopping%20robot2x.png">
					</div>
					<div class="IQ-MyHome-Equipment-box-robot-name">
						<span>扫地机器人</span>
					</div>
					<div class="IQ-MyHome-Equipment-box-room-off-line-robot">
						<span>客厅</span>
						<span></span>
						<span>设备离线</span>
					</div>
				</div>
				<div class="IQ-MyHome-Equipment-box">
					<div class="IQ-MyHome-Equipment-box-sound">
						<img src="img/img_sound2x.png">
					</div>
					<div class="IQ-MyHome-Equipment-box-name-sound">
						<span>音响 万能遥控版</span>
					</div>
					<div class="IQ-MyHome-Equipment-box-room-sound">
						<span>客厅</span>
					</div>
				</div>
				<div class="IQ-MyHome-Equipment-box">
					<div class="IQ-MyHome-Equipment-box-projector">
						<img src="img/img_projector2x.png">
					</div>
					<div class="IQ-MyHome-Equipment-box-name-projector">
						<span>投影仪</span>
					</div>
					<div class="IQ-MyHome-Equipment-box-room-projector">
						<span>客厅</span>
					</div>
				</div>
			</div>
			
			<div class="IQ-MyHome-ScanCode">
				<div class="IQ-MyHome-ScanCode-img">
					<img src="img/ic_scan%20a%20qr%20code2x.png" />
				</div>
			</div>
		
			<div class="IQ-MyHome-ScanCode-Text">
				<span>添加设备开启智能生活</span>
			</div>
		</div>

		<!-- 场景 -->
		<div class="IQ-Scene-app">
			<div class="IQ-Scene-app-Time">
			</div>
	
			<div class="IQ-Scene-app-Top">
				<div class="IQ-Scene-app-Top-left">
					<span>我的场景</span>
				</div>
				<div class="IQ-Scene-app-Top-right">
					<span>发现</span>
				</div>
			</div>
	
			<div class="IQ-Scene-recommend">
				<div class="IQ-Scene-recommend-Title">
					<span>专属推荐</span>
				</div>
	
				<div class="IQ-Scene-recommend-ul">
					<ul>
						<li>
							<div class="IQ-Scene-recommend-ul-li">
								<div class="IQ-Scene-recommend-ul-li-img">
									<img src="./img/ic_come back2x.png">
								</div>
								<div class="IQ-Scene-recommend-ul-li-Text">
									<div class="IQ-Scene-recommend-ul-li-Text-up">
											温 馨 回 家
									</div>
									<div class="IQ-Scene-recommend-ul-li-Text-down">
											智 能 家 居 师
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="IQ-Scene-recommend-ul-li">
								<div class="IQ-Scene-recommend-ul-li-img">
									<img src="./img/ic_leave2x.png">
								</div>
								<div class="IQ-Scene-recommend-ul-li-Text">
									<div class="IQ-Scene-recommend-ul-li-Text-up">
										安 心 离 家
									</div>
									<div class="IQ-Scene-recommend-ul-li-Text-down">
										安 防 设 计 师
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="IQ-Scene-recommend-ul-li">
								<div class="IQ-Scene-recommend-ul-li-img">
									<img src="./img/ic_come_Scene_back2x.png">
								</div>
								<div class="IQ-Scene-recommend-ul-li-Text">
									<div class="IQ-Scene-recommend-ul-li-Text-up">
										早 安 问 候
									</div>
									<div class="IQ-Scene-recommend-ul-li-Text-down">
										智 能 家 居 师
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="IQ-Scene-recommend-ul-li">
								<div class="IQ-Scene-recommend-ul-li-img">
									<img src="./img/ic_slepp2x.png">
								</div>
								<div class="IQ-Scene-recommend-ul-li-Text">
									<div class="IQ-Scene-recommend-ul-li-Text-up">
										晚 睡 提 醒
									</div>
									<div class="IQ-Scene-recommend-ul-li-Text-down">
										生 活 达 人
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="IQ-Scene-recommend-protection">
				<div class="IQ-Scene-recommend-protection-Title">
					节能环保
				</div>
				<div class="IQ-Scene-recommend-protection-img">
					<div class="IQ-Scene-recommend-protection-img-box">
						<div>
							<img src="./img/img12x.png">
						</div>
						<div>
							<img src="./img/img22x.png">
						</div>
						<div>
							<img src="./img/img32x.png">
						</div>
						<div>
							<img src="./img/img42x.png">
						</div>
					</div>
				</div>
			</div>
	
			<div class="IQ-Scene-recommend-introduction">
				<div class="IQ-Scene-recommend-introduction-Title">
					<span>简单点，入门场景</span>
				</div>
				<div class="IQ-Scene-recommend-introduction-img">
					<img src="./img/img_banner_Scene2x.png">
				</div>
			</div>
		</div>

		<!-- 我的 -->
		<div class="IQ-MyPage-app">
			<div class="IQ-MyPage-Top">
				<div class="IQ-MyPage-Top-Time">
	
				</div>
				<div class="IQ-MyPage-Top-Head">
					<div class="IQ-MyPage-Top-Head-img">
						<img src="./img/img_head_MyPage_photo2x.png">
					</div>
					<div class="IQ-MyPage-Top-Head-Name">
						<span>Sean</span>
					</div>
				</div>
			</div>
	
			<div class="IQ-MyPage-Bigul">
				<ul>
					<li>
						<div class="IQ-MyPage-Bigul-li">
							<div class="IQ-MyPage-Bigul-li-left">
								<img src="./img/ic_home2x.png">
							</div>
							<div class="IQ-MyPage-Bigul-li-mind">
								<div class="IQ-MyPage-Bigul-li-mind-up">
									<span>我的家</span>
								</div>
								<div class="IQ-MyPage-Bigul-li-mind-down">
									<span>家以及家庭组的管理</span>
								</div>
							</div>
							<div class="IQ-MyPage-Bigul-li-right">
								<img src="./img/butt_more_MyPage2x.png">
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-MyPage-Bigul-li">
							<div class="IQ-MyPage-Bigul-li-left-automation">
								<img src="./img/ic_automation2x.png">
							</div>
							<div class="IQ-MyPage-Bigul-li-mind">
								<div class="IQ-MyPage-Bigul-li-mind-up">
									<span>自动化</span>
								</div>
								<div class="IQ-MyPage-Bigul-li-mind-down">
									<span>预设条件触发设备自动执行任务</span>
								</div>
							</div>
							<div class="IQ-MyPage-Bigul-li-right">
								<img src="./img/butt_more_MyPage2x.png">
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-MyPage-Bigul-li">
							<div class="IQ-MyPage-Bigul-li-left-scene">
								<img src="./img/ic_scene_MyPage2x.png">
							</div>
							<div class="IQ-MyPage-Bigul-li-mind">
								<div class="IQ-MyPage-Bigul-li-mind-up">
									<span>场景</span>
								</div>
								<div class="IQ-MyPage-Bigul-li-mind-down">
									<span>场景及设备的管理</span>
								</div>
							</div>
							<div class="IQ-MyPage-Bigul-li-right">
								<img src="./img/butt_more_MyPage2x.png">
							</div>
						</div>
					</li>
				</ul>
			</div>
	
			<div class="IQ-MyPage-Samllul">
				<ul>
					<li>
						<div class="IQ-MyPage-Samllul-li">
							<div class="IQ-MyPage-Samllul-li-left">
								<span>设备</span>
							</div>
							<div class="IQ-MyPage-Samllul-li-right">
								<img src="./img/butt_more_MyPage2x.png">
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-MyPage-Samllul-li">
							<div class="IQ-MyPage-Samllul-li-left">
								<span>固件升级</span>
							</div>
							<div class="IQ-MyPage-Samllul-li-right">
								<img src="./img/butt_more_MyPage2x.png">
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-MyPage-Samllul-li">
							<div class="IQ-MyPage-Samllul-li-left">
								<span>云食谱</span>
							</div>
							<div class="IQ-MyPage-Samllul-li-right">
								<img src="./img/butt_more_MyPage2x.png">
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-MyPage-Samllul-li">
							<div class="IQ-MyPage-Samllul-li-left">
								<span>健康</span>
							</div>
							<div class="IQ-MyPage-Samllul-li-right">
								<img src="./img/butt_more_MyPage2x.png">
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-MyPage-Samllul-li">
							<div class="IQ-MyPage-Samllul-li-left">
								<span>能源管理</span>
							</div>
							<div class="IQ-MyPage-Samllul-li-right">
								<img src="./img/butt_more_MyPage2x.png">
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-MyPage-Samllul-li">
							<div class="IQ-MyPage-Samllul-li-left">
								<span>设置</span>
							</div>
							<div class="IQ-MyPage-Samllul-li-right">
								<img src="./img/butt_more_MyPage2x.png">
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<div class="IQ-switch">
			<div class="IQ-switch-Myhome" data-index="0">
				<div>
					<img src="./img/ic_home_B_s2x.png">
				</div>
				<span>我的家</span>
			</div>
			<div class="IQ-switch-scene" data-index="1">
				<div>
					<img src="./img/ic_scene_A_2x.png">
				</div>
				<span>场景</span>
			</div>
			<div class="IQ-switch-tasteful" data-index="2">
				<div>
					<img src="./img/ic_mal_A_2x.png">
				</div>
				<span>有品</span>
			</div>
			<div class="IQ-switch-mine" data-index="3">
				<div>
					<img src="./img/ic_mine_A_n2x.png">
				</div>
				<span>我的</span>
			</div>
		</div>
		<div class="IQ-bottom">
			
		</div>
	</body>
</html>
